<template>
  <div class="list">
    <yes-tags :active.sync="activeName" :tabList="tabs" />
      <component :is="activeName" />
    <!-- <el-tabs v-model="activeName" class="border">
      </el-tab-pane>
    </el-tabs> -->
  </div>
</template>

<script>
import { TeachingResearch, Live } from './list/index'
import yesTags from '@/components/YesTabs'
export default {
  name: 'List',
  components: {
    TeachingResearch,
    Live,
    yesTags
  },
  data () {
    return {
      activeName: 'TeachingResearch',
      tabs: [{
        label: '教研',
        name: 'TeachingResearch'
      },
      {
        label: '在线课程',
        name: 'Live'
      }]
    }
  },
  created () {
    //this.activeName = this.$route.query && this.$route.query.activeTabName ? this.$route.query.activeTabName : this.tabs[0].name

    console.log('this.activeName:', this.activeName)
  }
}
</script>
<style lang="scss">
  .participateDialog{
    .el-dialog__header{border-bottom: 1px solid #efefef;}
  }
</style>
<style lang="scss" scoped>
</style>
